<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.w3.org/1999/xhtml">

<head>
    <th:block th:include="common/common_head :: commonHeader('对账单')"/>
    <link rel="stylesheet" th:href="@{/static/js/plugins/jquery-layout/jquery.layout-latest.css}">
	<!-- <style type="text/css">.table {table-layout:fixed;}</style> -->
</head>

<body class="gray-bg">

	<div class="container-div ui-layout-center">
	    <div class="row">
			<div class="col-sm-12 search-condition">
				<form id="billsHeaderForm" th:action="@{/scmBillsHeader/list}" class="form-inline">
					<div class="select-list">
					<ul>
						<li class="col-sm-3" style="width: 33%">
						<label style="width: 120px">采购凭证号：</label>
						<input type="text" name="poNo" />
						</li>
						<li class="col-sm-3" style="width: 33%">
						<label style="width: 120px">订单类型：</label>
						    <select name="poType" sysDict="CGDDLX" emptyFirst="true"></select>
						</li>
						<li class="col-sm-3" style="width: 33%">
						<label style="width: 120px">供应商SAP编码：</label>
						    <input type="text" name="sapCode"/>
						</li>
						<li class="col-sm-3" style="width: 33%">
						<label style="width: 120px">供应商SRM编码：</label>
						    <input type="text" name="srmCode"/>
						</li>
						<li class="col-sm-3" style="width: 33%">
						<label style="width: 120px">采购组：</label>
						    <select name="purchGroup" sysDict="CGZ" emptyFirst="true"></select>
						</li>
						
						<!--
						<li class="col-sm-3" style="width: 33%">
						<label style="width: 120px">物料编码：</label>
						    <input type="text" name="materialCode" />
						</li>
						 -->
	
						<li class="col-sm-3" style="width: 33%">
						<button id="billsHeaderSearchBtn" type="button" class="btn btn-primary btn-rounded btn-sm"><i class="fa fa-search"></i>&nbsp;搜索</button>
						<button class="btn btn-warning btn-rounded btn-sm" type="reset"><i class="fa fa-eraser"></i>&nbsp;重置</button>
						<button id="billsHeaderAdvancedSearch" type="button" class="btn btn-primary btn-rounded btn-sm" style="display: none"><i class="fa fa-caret-down"></i>&nbsp;高级搜索</button>
						</li>
					</ul>
					</div>
				</form>
			</div>
			
			<div class="col-sm-12 select-info order-table">
	            <div class="btn-group hidden-xs toolbar" id="billsHeaderToolBar" role="group">
	                <a class="btn btn-outline btn-success btn-rounded" onclick="agreeBills(true)">
	                    <i class="fa fa-check"></i> 同意
	                </a>
	                <a class="btn btn-outline btn-success btn-rounded" onclick="agreeBills(false)">
	                    <i class="fa fa-times"></i> 驳回
	                </a>
	            </div>
	            <div style="height:360px; overflow:auto;">
	            	<table id="billsHeader" data-mobile-responsive="true"></table>
	            </div>
	            <div>
	            	<table id="bills" data-mobile-responsive="true"></table>
	            </div>
			</div>
	    </div>
	</div>

	<!--引入公共js-->
	<div th:include="common/onload_js :: onloadJS"></div>
	<script type="text/javascript" th:src="@{/static/js/plugins/jquery-layout/jquery.layout-latest.js}"></script>

<script type="text/javascript">
	$(function() {
		initDictDataSel();
	});

    //面向对象
    var headerBS= Searcher.createBS('#billsHeader',
        [
            {radio: true},
            {title: "对账单号", field:"billNo"},
            {title: '供应商', field:'vendorName'},
            {title: '对账金额', field:'sumMoney'},
    		{title: '审核状态', field:'billsStatus', formatter : function (value, row, index) {
    			if(value < 0) {return "已驳回";}
    			else if(value > 0) {return "已同意";}
    			else {return "未审批";}
    		}},
            {title: "创建时间",field:"createDate"},
            {title: "创建人",field:"createBy"}
        ], {"pageList": [5, 10, 15], "pageSize" : 5,"showColumns": false, "showExport": true,
    	onCheck : function(row) {itemBS.getData({'url': ctxPath + '/scmBills/list?billNo='+row.billNo});},
    	onPostBody : function() {$("#bills").bootstrapTable('removeAll');}
    	}
    );
    
    //刷新数据
    function refreshHeader() {
    	headerBS.refresh();
    	$("#bills").bootstrapTable('removeAll');
    }
    
    var itemBS = Searcher.createBS('#bills',
            [
			{title: '采购凭证号', field:'poNo'},
    		{title: '行项目号', field:'itemNo'},
    		{title: '订单类型', field:'poType'},
    		{title: '物料编码', field:'materialCode'},
    		{title: '物料描述', field:'materialDesc'},
    		{title: '工厂', field:'factory'},
    		{title: '库存地点', field:'storageLocation'},
    		{title: '物料组', field:'materialGroup'},
    		{title: '需求者姓名', field:'requester'},
    		{title: '采购订单数量', field:'poCount'},
    		{title: '计量单位', field:'poUnit'},
    		{title: '含税单价', field:'poPrice'},
    		{title: '税码', field:'taxCode'},
    		{title: '订单总价值', field:'totalPrice'},
    		{title: '税额', field: 'taxMoney'},
    		{title: '收货日期', field:'receiptDate'},
    		{title: '收货数量', field:'shippedQty'},
    		{title: '成本中心', field:'costCenter'},
    		{title: '公司代码', field:'companyCode'},
    		{title: '采购组', field:'purchGroup'},
    		{title: '采购组织', field:'purchOrg'},
    		{title: '付款条件代码', field:'payCondition'},
    		{title: '货币码', field:'currencyCode'},
    		{title: '供应商', field:'vendorName'},
    		{title: '供应商建议交期', field:'suggestDate'},
    		{title: '审核状态', field:'billStatus', formatter : function (value, row, index) {
    			if(value < 0) {return "已驳回";}
    			else if(value > 0) {return "已同意";}
    			else {return "未审批";}
    		}},
    		{title: '创建人', field:'createPeople'},
    		{title: '创建时间', field:'createTime'},
            ], {"showColumns": false,"showRefresh": true, "showExport": true, "firstLoad": false, "pageList": [5, 10, 15], "pageSize" : 5}
        );
    
    //操作对账单（同意或者驳回）
    function agreeBills(agree) {
        var rowDatas = headerBS.getSelectedRows("pkId");
        if (rowDatas.length <= 0) {
            Dialog.errorMsg("请至少选择一行进行操作！");
            return;
        }
	    Page.ajaxPOST(ctxPath +"/scmBillsHeader/checkBills", {"pkId":rowDatas[0], "agree":agree}, function(o) {
	        if(o.code == 0) {
	        	Dialog.msg("成功审核对账单！");
	        } else {
	        	Dialog.alert("审核对账单失败!" + o.msg);
	        }
	        refreshHeader();
		}, {"loadingMsg" : "正在往服务器提交数据……"});
    }
</script>
</body>
</html>